<template>
  <div>
    <TabChange v-model="activeName" @tab-click="handleClick">
      <template #child="{theVal}">
        <TabItem v-model="activeName" :isBottomLine="true" name="预约入住信息" :data="0" ></TabItem>
        <TabItem v-model="activeName" :isBottomLine="true" name="预约入住上链信息" :data="1" ></TabItem>
        <TabItem v-if="rowData.empowerState ==2" :isBottomLine="true" v-model="activeName" :name="`${rowData.oldMan}档案`" :data="2"></TabItem>
        <TabItem v-if="rowData.empowerState ==2" :isBottomLine="true" v-model="activeName" :name="`${rowData.oldMan}档案上链信息`" :data="3"></TabItem>
      </template>
    </TabChange>
    <BasicInfo v-if="activeName==0" :nowRowData="rowData"></BasicInfo>
    <BookChain v-if="activeName==1" :nowRowData="rowData" :code="3039"></BookChain>
    <archivalInfo v-if="activeName==2" :nowRowData="rowData"></archivalInfo>
    <ArchivalChain v-if="activeName==3" :nowRowData="rowData" :code="3037"></ArchivalChain>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted} from 'vue'
import BasicInfo from './bookCheckInInfo/index.vue'
import ArchivalChain from '@/views/oneStopOffice/blockChainUseRecord/userArchivalApply/components/detail/addChainInfo/index.vue'
import archivalInfo from '@/views/oneStopOffice/blockChainUseRecord/userArchivalApply/components/detail/archivalInfo/index.vue'
import BookChain from '@/views/oneStopOffice/blockChainUseRecord/bookCheckInApply/components/detail/addChainInfo/index.vue'
import TabChange from '@/views/aplid/TabChange/index.vue'
import TabItem from '@/views/aplid/TabChange/components/TabItem.vue'

let test = ref(0)
let props = defineProps({
    rowData:{
        type:Object,
        default:()=>({})
    }
})

let activeName = ref(0)
const handleClick = () =>{}
</script>
<style scoped lang="scss">
</style>